<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h2>欢迎回来！</h2>
    <p id="user-info"></p>
    <button id="logout">登出</button>
    <button id="manage-users">用户管理</button> <!-- 跳转到用户管理页面 -->

    <script>
        const token = localStorage.getItem('token');
        
        if (token) {
            // 获取用户信息
            fetch('http://localhost:3002/me', {
                headers: {
                    'Authorization': 'Bearer ' + token,
                },
            })
            .then(response => response.json())
            .then(data => {
                document.getElementById('user-info').innerText = `欢迎: ${data.username}`;
            })
            .catch(error => console.error('错误:', error));
        } else {
            window.location.href = 'login.html';  // 未登录，跳转到登录页面
        }

        // 登出
        document.getElementById('logout').addEventListener('click', () => {
            localStorage.removeItem('token');
            alert('已登出');
            window.location.href = 'login.html';  // 跳转到登录页面
        });
        // 跳转到用户管理页面
        document.getElementById('manage-users').addEventListener('click', () => {
            window.location.href = 'admin.html';  // 跳转到用户管理页面
        });
    </script>
    <footer>
        <p>项目由 张成飞制作 | 版权所有</p>
    </footer>
    
</body>
</html>

